<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>流量详细信息</title>
	<link rel="stylesheet" type="text/css" href="/jquery/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="/jquery/themes/icon.css">
	<script type="text/javascript" src="/jquery/jquery.min.js"></script>
	<script type="text/javascript" src="/jquery/jquery.easyui.min.js"></script>
	<script type="text/javascript">
	function trans(value,row,index){
		if(value == undefined)
			return value;
		value=value*1;
		return (value==1)?'<img src="/icons/back.gif" />':'<img src="/icons/prev.gif" />';
	}
	function transflow(value,row,index){
		return value/1000;
	}
	$(function(){
		alert(1);
		$('#dg').datagrid({
			url:'/manage/detail',
			queryParams:{ip:'<%=request.getParameter("ip") %>'}
		});
	});
	</script>
</head>
<body>
	<h2>流量详细信息&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<%=request.getParameter("ip") %></h2>
	<table id="dg" class="easyui-datagrid" title="流量详细信息表" style="width:100%;height:90%;"
			data-options="singleSelect:true,striped:true,rownumbers:true,fitColumns:true">
		<thead>
			<tr>
				<th data-options="field:'dataflowip',width:100,align:'center'">源IP</th>
				<th data-options="field:'direct',width:100,align:'center',formatter:trans">流向</th>
				<th data-options="field:'targetip',width:100,align:'center'">目标IP</th>
				<th data-options="field:'dataflow',width:100,align:'center',formatter:transflow">流量(KB)</th>
			</tr>
		</thead>
	</table>
</body>
</html>
